layui.use(['echarts'], function () {
    let echarts = layui.echarts;

    var line3 = echarts.init(document.getElementById('line3'));

    const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']

    option = {
        backgroundColor: '#fff',
        title: {
            text: "告警数",
            left: "18px",
            top: "0",
            textStyle: {
                color: "#999",
                fontSize: 12,
                fontWeight: '400'
            }
        },
        color: ['#73A0FA', '#73DEB3', '#FFB761'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                crossStyle: {
                    color: '#999'
                },
                lineStyle: {
                    type: 'dashed'
                }
            }
        },
        grid: {
            left: '25',
            right: '25',
            bottom: '24',
            top: '75',
            containLabel: true
        },
        legend: {
            data: ['上周', '本周'],
            orient: 'horizontal',
            icon: "rect",
            show: true,
            left: 20,
            top: 25,
        },
        xAxis: {
            type: 'category',
            data: ['爱立信端局', '中兴端局', '爱立信HSS', '中兴HSS', '华为HSS', '华为智能网', '中兴VIMS'],
            splitLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLine: {
                show: false
            },
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                color: '#999',
                textStyle: {
                    fontSize: 12
                },
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#F3F4F4'
                }
            },
            axisTick: {
                show: false
            },
            axisLine: {
                show: false
            },
        },
        series: [{
            name: '上周',
            type: 'line',
            smooth: true,
            data: [1800, 1000, 2000, 1000, 500, 100, 1200]
        },
            {
                name: '本周',
                type: 'line',
                smooth: true,
                data: [1700, 999, 1100, 899, 199, 99, 1000]
            }
        ]
    };

    line3.setOption(option);

    window.onresize = function () {
        line3.resize();
    }
})
